.groupbox {
    border: 1px solid #ddd;
    padding: 1.5rem 1rem 1rem 1rem;
    border-radius: var(--bs-border-radius);
    position: relative;
    margin-top: 0.5rem;

    .legend {
        position: absolute;
        top: -10px;
        left: 30px;
        background-color: #fff;
        padding: 0 0.5rem;
    }

    @at-root {
        .form-body {
            > .groupbox:not(:last-child) {
                margin-bottom: 1rem;
                margin-top: 0;
            }

            > .row {
                + .groupbox {
                    margin-top: 1rem;
                }
            }
        }
    }
}
